.box{
  .header{
    width: 100%;
    // background-color: blanchedalmond;
    display: inline-block;
    height: 60rpx;
    margin-left: 20rpx;
    .daySign{
      position: absolute;
      top: 0;
      left: 200rpx;
      width: 110rpx;
      height: 40rpx;
      .btn{
        position: relative;
        z-index: 2;
        border-radius: 20%;
        width: 100%;
        height: 100%;
        opacity: 0.3;
        background-color: #eee;
        
      }
      .iconText{
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        justify-content: space-around;
        vertical-align: middle;
      }
    }

    .babyDetail{
      display: flex;
      margin-top: 20rpx;
      .headerPic{
        height: 100rpx;
        width: 100rpx;
        border-radius: 50%;
      }
      .detail{
        margin: 10rpx 20rpx;
        font-size: 28rpx;
        line-clamp: 2;
        text-align:justify;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        .sexPic{
          height: 25rpx;
          width: 25rpx;
        }
        .babyAge{
          font-size: 22rpx;
        }
      }
    }
  }

  .recentRecordBoxTitle{
    margin: 20rpx 20rpx;
    font-size: 0.8rem;
    opacity: 0.6;
  }

  .recentRecord{
    display: flex;
    .box{
      color: #fefefd;
      margin-left: 20rpx;
      width: 250rpx;
      height: 200rpx;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius: 10%;
      .itemTime{
        display: flex;
        margin-left: 18rpx;
        .itemText{
          margin-top: 20rpx;
          font-size: 0.7rem;
        }
        .addIcon{
          margin-top: 0rpx;
          position: relative;
          left: 40rpx;
        }
      }
      .itemType{
        margin-left: 18rpx;
        font-size: 0.8rem;
        position: relative;
        bottom: 10rpx;
      }
      .itemSize{
        margin-left: 18rpx;
        position: relative;
        bottom: 20rpx;
    
      }
    }
  }

  .recentFeedRecordBox{
    margin: 30rpx 20rpx;
    .recentFeedRecordBoxTitle{
      display: flex;
      justify-content: space-between;
      .recentFeedRecordBoxTitleText{
        font-size: 0.8rem;
        opacity: 0.6;
      }
      .recentFeedRecordBoxTitleIcon{
        position: relative;
        right: 30rpx;
        display: flex;
        justify-content: space-between;
        .blockList{
          position: relative;
          right: 40rpx;
        }
      }
    }

    .recentFeedRecordItem{
      margin: 30rpx;
      height: 150rpx;
      display: flex;
      .recentFeedRecordItemImage{
        width: 100rpx;
        height: 100rpx;
        .recentFeedRecordItemImagebg{
          width: 100%;
          height: 100%;
          border-radius: 50%;
          opacity: 0.3;
        }
        .recentFeedRecordItemImagePic{
          width: 60%;
          height: 60%;
          position: relative;
          top: -77rpx;
          left: 20rpx;
        }
      }

      .recentFeedRecordItemData{
        margin-left: 40rpx;
        font-size: 0.8rem;
        width: 100%;
        border: 0.1rpx solid #eee;
        border-radius: 8%;
        line-clamp: 2;
        text-align:justify;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        .recentFeedRecordItemTime{
          margin: 5rpx 20rpx;
          font-size: 0.7rem;
          opacity: 0.8;
          display: flex;
          .delIcon{
            position: relative;
            left: 230rpx;
            opacity: 1;
            transform: rotate(90deg);
          }
        }
        .recentFeedRecordItemType{
          margin-left: 20rpx;
        }
        .recentFeedRecordItemDetail{
          margin-left: 20rpx;
        }
      }
    }
  }
}